window.onload = function () 
{
	//登录状态
	var username = localStorage.getItem("username");
	if(username!=null)
	document.getElementById("login-link").innerHTML =  username ;
	
	
	
	var draggedimgId = null; 
	// 拖动源对象,获取所有图片
	var imglist = document.querySelectorAll('#choosebox img');
	// 遍历所有图片列表
	for (var i = 0; i < imglist.length; i++) 
	{
	    // 存储每个id
	    var p = imglist[i];
	    // 事件源拖动开始
	    p.ondragstart = function (e) {
	        // 获取事件源的id
	        draggedimgId = this.id;
	    };
	    // 事件源拖动中
	    p.ondrag = function (e) { };
	    // 事件源拖动结束
	    p.ondragend = function (e) { }
	}
	 
	 
	// 拖动目标对象,鼠标进入目标对象
	document.getElementById("showbox").ondragenter = function (e) { };
	// 悬停于目标对象上方
	document.getElementById("showbox").ondragover = function (e) {
	    e.preventDefault();
	};
	// 鼠标离开目标对象
	document.getElementById("showbox").ondragleave = function (e) { };
	// 鼠标在目标对象上释放
	document.getElementById("showbox").ondrop = function (e) {
	    // 隐藏问号图片
	    document.getElementById("cg0").style.display = "none";
	 
	    // 根据之前保存的被拖动的图片ID，查找对应的IMG元素
	    var p = document.getElementById(draggedimgId);
	 
	    // 把选中DIV列表中的图片追加为自己的孩子，列表中不再有此元素
	    document.getElementById("showbox").appendChild(p);
	 
	    // 若此时"showbox"子元素数量已经为3个，必须cg0后的那个重新移回"choosebox"
	    if (document.getElementById("showbox").children.length >= 3) {
	        document.getElementById("choosebox").appendChild(document.getElementById("cg0").nextElementSibling);
	    }
	};
	 	 
	// 鼠标进入目标对象
	document.getElementById("choosebox").ondragenter = function (e) { };
	// 鼠标在目标对象上释放
	document.getElementById("choosebox").ondragover = function (e) 
	{
	    // 阻止默认,使得drop可能触发
	    e.preventDefault();
	};
	// 鼠标离开目标对象
	document.getElementById("choosebox").ondragleave = function (e) { };
	// 鼠标在目标对象上释放
	document.getElementById("choosebox").ondrop = function (e) {
	    if (draggedimgId !== "cg0") {
	        // 把拖动的非"cg0"移动到choosebox
	        var p = document.getElementById(draggedimgId);
	        document.getElementById("choosebox").appendChild(p);
	        // 显示出"cg0"
	        document.getElementById("cg0").style.display = "block";
	    }
	}
}
